<template>
    <div class="home_container">
        
        <SearcH></SearcH>

        <!-- 展示地图 -->
        <div id="map_warp">
            <map-container></map-container>
        </div>
        <div id="history_warp">
            <LocalHistory></LocalHistory>
        </div>
    </div>
</template>

<script>
import SearcH from "@/components/SearcH.vue";
import MapContainer from '@/components/MapContainer.vue';
import LocalHistory from '@/components/LocalHistory.vue';
//import bus from '@/bus/bus'

export default ({
    name:'TreatNav',
    components:{
        SearcH,
        MapContainer,
        LocalHistory,
    }
})
</script>
<style scoped>
.home_container{
    margin: 0 0;
    height: 1017px;
    padding-top: 60px;
    width: 100%;
    background: url(../../../public/image/back3.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

}
#search_warp{
    margin: 0 auto;
    overflow: hidden;
    height: 50px;
    width: 100%;
}
#map_warp{
    z-index: 10;
    margin-left: auto;
    margin-right: auto;
    height: 60%;
    width: 100%;
}
</style>